﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="popup.aspx.cs" Inherits="popup" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        /*Phần popup*/
        .black_overlay{
	        display: none;
	        position: absolute;
	        top: 0%;
	        left: 0%;
	        width: 100%;
	        height: 100%;
	        background-color: black;
	        z-index:1001;
	        -moz-opacity: 0.8;
	        opacity:.50;
	        filter: alpha(opacity=80);
        }

        .white_content {
            display: none;
            position: absolute;
            padding: 1px;
            border: 1px solid #808080;
            background-color: white;
            z-index: 1002;
            overflow: auto;
            border-radius: 5px;
        }
        .size_posision {
            top: 25%;
            left: 40%;
            width: 30%;
            height: 28%;
        }
    </style>
</head>
<body>
    <form>
    <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">show popup</a>
    <%--phần popup--%>
    <div id="light" class="white_content size_posision">
        <div style="margin:0px;padding:2px;top:0px;border:solid 1px #969191;background-color:#cbb9b9;border-radius:3px;font-weight:bold;color:black;padding-left:5px;">
            Khai trừ đoàn viên
            <div style="float:right;width:100px;text-align:right;padding-right:5px;">
                <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Đóng</a>
            </div>
        </div>
        <div style="height:15px;"></div>
       fa sdfasdf adfaf
    </div>
    <div id="fade" class="black_overlay"></div> 
        </form>
</body>
</html>
